<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="icon" href="../favicon.ico">

		<title>Tyy English Word</title>

		<!-- Bootstrap core CSS -->
		<link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
		<!-- Bootstrap theme -->
		<link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" rel="stylesheet">

		<!-- Custom styles for this template -->
		<link href="../css/theme.css" rel="stylesheet">

		<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
		<script type="text/javascript" src="../js/index.js"></script>
		<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
		<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
		<!-- <script src="../../assets/js/ie-emulation-modes-warning.js"></script> -->

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>

	<body role="document">
		<!-- Fixed navbar -->
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">TyEnWord</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="active"><a href="#">Home</a>
						</li>
						<li><a href="#about">About</a>
						</li>
						<li><a href="#contact">Contact</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Action</a>
								</li>
								<li><a href="#">Another action</a>
								</li>
								<li><a href="#">Something else here</a>
								</li>
								<li class="divider"></li>
								<li class="dropdown-header">Nav header</li>
								<li><a href="#">Separated link</a>
								</li>
								<li><a href="#">One more separated link</a>
								</li>
							</ul>
						</li>
					</ul>
					<!--<ul class="navbar-form navbar-right">
            <a href="#Login" class="btn btn-info">Login</a>
            <a href="#Login" class="btn btn-primary">Sign Up</a>
		  </ul>-->
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">用户名<span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">个人资料</a>
								</li>
								<li class="divider"></li>
								<li><a href="#">Log out</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>

		<div class="container theme-showcase" role="main">
			<div class="page-header">
				<h1>课本</h1>
			</div>
			<div class="row" id="books">
				<div class="col-sm-6 col-md-4 col-lg-3 book" attr="1">
					<div class="thumbnail">
						<a href="#collapseBook1" data-toggle="collapse" aria-controls="collapseBook1" aria-expanded="false" title="新视野大学英语3">
							<img src="../NHCEII_RW3-2.png" alt="新视野大学英语3">
						</a>
						<div class="caption">
							<h3>

								<a href="#collapseBook1" data-toggle="collapse" aria-controls="collapseBook1" aria-expanded="false" title="新视野大学英语3">
									新视野大学英语3<br /><small>第二版</small>
								</a>

							</h3>
						</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-4 col-lg-3 book" attr="2">
					<div class="thumbnail">
						<a href="#collapseBook2" data-toggle="collapse" aria-controls="collapseBook2" aria-expanded="false" title="新视野大学英语3">
							<img src="../NHCEII_RW3-2.png" alt="新视野大学英语3">
						</a>
						<div class="caption">
							<h3>
								<a href="#collapseBook2" data-toggle="collapse" aria-controls="collapseBook2" aria-expanded="false" title="新视野大学英语3">
									新视野大学英语3<br /><small>第二版</small>
								</a>
							</h3>
						</div>
					</div>
				</div>
			</div>
			<div id="units" class="row">
				<div class="collapse col-md-12" id="collapseBook1">
					<div class="well">
						<div class="btn-group" role="group" aria-label="...">
							<button type="button" class="btn btn-default" attr="1">Unit 1</button>
							<button type="button" class="btn btn-default" attr="2">Unit 2</button>
							<button type="button" class="btn btn-default" attr="3">Unit 3</button>
							<button type="button" class="btn btn-default" attr="4">Unit 4</button>
							<button type="button" class="btn btn-default" attr="5">Unit 5</button>
							<button type="button" class="btn btn-default" attr="6">Unit 6</button>
							<button type="button" class="btn btn-default" attr="7">Unit 7</button>
							<button type="button" class="btn btn-default" attr="8">Unit 8</button>
							<button type="button" class="btn btn-default" attr="9">Unit 9</button>
							<button type="button" class="btn btn-default" attr="10">Unit 10</button>
							<button type="button" class="btn btn-default" attr="11">Unit 11</button>
							<button type="button" class="btn btn-default" attr="12">Unit 12</button>
						</div>
					</div>
				</div>
				<div class="collapse col-md-12" id="collapseBook2">
					<div class="well">
						<div class="btn-group" role="group" aria-label="...">
							<button type="button" class="btn btn-default" attr="1">Unit 1</button>
							<button type="button" class="btn btn-default" attr="2">Unit 2</button>
							<button type="button" class="btn btn-default" attr="3">Unit 3</button>
							<button type="button" class="btn btn-default" attr="4">Unit 4</button>
							<button type="button" class="btn btn-default" attr="5">Unit 5</button>
							<button type="button" class="btn btn-default" attr="6">Unit 6</button>
							<button type="button" class="btn btn-default" attr="7">Unit 7</button>
							<button type="button" class="btn btn-default" attr="8">Unit 8</button>
							<button type="button" class="btn btn-default" attr="9">Unit 9</button>
							<button type="button" class="btn btn-default" attr="10">Unit 10</button>
							<button type="button" class="btn btn-default" attr="11">Unit 11</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		</div>
		<!-- /container -->

		<!-- Footer -->
		<footer class="footer">
			<div class="container text-center text-muted">
				<p>CREATE BY <a href="http://www.tianyiyan.com">TIANYIYAN</a></p>
				<p><a href="http://www.miitbeian.gov.cn/">闽ICP备15006597号-1</a></p>
			</div>
		</footer>
		<!-- Bootstrap core JavaScript -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
		<!-- <script src="../../assets/js/docs.min.js"></script> -->
		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> -->
	</body>

</html>